<template>
<div class="photo">
  <div class="photo-wrap">
    <div class="img-info">
      <img src="/static/img/xc_img1.jpg">
      <div class="title">
        <p class="date">
          <span>今日上传</span>
          <span>2018/10/10</span>
        </p>
        <p class="ct">
          观赏最美的东京
        </p>
      </div>
    </div>
   <div class="img-list">
        <div class="img-item" v-for="item in [1,2,3,4,5,6,2,3]">
            <img src="/static/img/xc_img5.jpg"/>
          <div class="text">
            <div class="date">2018/08/08</div>
            <p class="address"><i class="iconfont icon-dizhi"></i>江西九江</p>
            <p class="briefly">今日天气晴朗，庐山一日游</p>
          </div>
        </div>
   </div>
  </div>
</div>
</template>

<script>
    export default {
        name: "photo"
    }
</script>

<style lang="scss" scoped>
  @import "../assets/css/photo";
</style>
